<div data-v-component-products="variant" data-v-variant="url.product_id" data-v-limit="6" data-v-image_size="thumb" data-v-page="url">
	<div data-v-if="count > 0" >
	  <hr class="border opacity-50">
	  <h6 class="mt-2">Variants</h6>
	  
	  <div class="row g-3">
		  <div class="col-sm-4 col-lg-3 col-xl-2" data-v-product>
			<div class="product">
			
				<article class="card">
					<a href="#" title="" data-v-product-url>
						<img src="img/demo/product.jpg" alt="" class="w-100" loading="lazy" data-v-product-image>
						<!--
						<span class="small px-2" data-v-product-name>
								Product name
						</span>
						-->
					</a>
				</article>
			
			</div>
		 </div>   		  
		 <div class="col-sm-4 col-lg-3 col-xl-2" data-v-product>
			<div class="product">
			
				<article class="card">
					<a href="#" title="" data-v-product-url>
						<img src="img/demo/product.jpg" alt="" class="w-100" loading="lazy" data-v-product-image>
						<!--
						<span class="small px-2" data-v-product-name>
								Product name
						</span>
						-->
					</a>
				</article>
			
			</div>
		 </div>   		  
		 <div class="col-sm-4 col-lg-3 col-xl-2" data-v-product>
			<div class="product">
			
				<article class="card">
					<a href="#" title="" data-v-product-url>
						<img src="img/demo/product.jpg" alt="" class="w-100" loading="lazy" data-v-product-image>
						<!--
						<span class="small px-2" data-v-product-name>
								Product name
						</span>
						-->
					</a>
				</article>
			
			</div>
		 </div>             		
	 </div>
	 </div>
</div>